@charset "UTF-8";
@import "reset";
//处理px单位的值，转换为rem单位；
@function r($px) {
    @return $px/100px*1rem;
}

* {
    font-size: 0;
}

//内容部分
.centont {
    padding-top: r(89px);
    padding-bottom: r(96px);
    .text_box {
        padding: r(30px) r(39px) 0 r(39px);
        .head_text {
            border-bottom: 1px solid #d2d2d2;
            >h3 {
                font-size: r(30px);
                color: #5c5856;
            }
            >div:last-child {
                display: flex;
                justify-content: space-between;
                padding: r(15px) 0;
                >p {
                    font-size: r(18px);
                    color: #8b8b8b;
                }
            }
        }
        .box_img {
            height: r(280px);
            padding-top: r(16px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
        .text_one {
            padding-top: r(31px);
            >p {
                font-size: r(20px);
                color: #8b8b8b;
                text-align: justify;
            }
        }
        .text_two {
            padding-top: r(40px);
            >p {
                font-size: r(20px);
                color: #8b8b8b;
                text-align: justify;
            }
        }
        .text_three {
            padding-top: r(40px);
            padding-bottom: r(28px);
            >p {
                font-size: r(20px);
                color: #8b8b8b;
                text-align: justify;
            }
        }
    }
    hr {
        height: r(25px);
        border: none;
        background-color: #f5f5f5;
    }
    .time_box {
        padding: r(18px) 0 r(26px) r(28px);
        >h4 {
            font-size: r(30px);
            color: #5c5856;
        }
        >div:nth-child(2) {
            display: flex;
            margin-top: r(17px);
            >img {
                width: r(24px);
                height: r(24px);
            }
            >p {
                font-size: r(20px);
                color: #727171;
                padding-left: r(12px);
            }
        }
        >div:last-child {
            display: flex;
            margin-top: r(17px);
            >img {
                width: r(20px);
                height: r(24px);
            }
            >p {
                font-size: r(20px);
                color: #727171;
                padding-left: r(13px);
            }
        }
    }
    .lecturer {
        padding: r(16px) r(14px);
        >p {
            font-size: r(20px);
            color: #5c5856;
        }
        >ul {
            display: flex;
            justify-content: space-between;
            padding-top: r(14px);
            >li:first-child {
                display: flex;
                align-items: center;
                >div:first-child {
                    width: r(86px);
                    height: r(86px);
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                >div:last-child {
                    padding-left: r(5px);
                    >p {
                        font-size: r(12px);
                        color: #727171;
                    }
                    >p:first-child {
                        font-size: r(18px);
                    }
                }
            }
            >li:nth-child(2) {
                display: flex;
                align-items: center;
                >div:first-child {
                    width: r(86px);
                    height: r(86px);
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                >div:last-child {
                    padding-left: r(5px);
                    >p {
                        font-size: r(12px);
                        color: #727171;
                    }
                    >p:first-child {
                        font-size: r(18px);
                    }
                }
            }
            >li:last-child {
                display: flex;
                align-items: center;
                >div:first-child {
                    width: r(86px);
                    height: r(86px);
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                >div:last-child {
                    padding-left: r(5px);
                    >p {
                        font-size: r(12px);
                        color: #727171;
                    }
                    >p:first-child {
                        font-size: r(18px);
                    }
                }
            }
        }
    }
    .button_box {
        padding: r(21px) r(23px);
        button {
            width: r(593px);
            height: r(86px);
            background-color: #b20000;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            span {
                font-size: r(28px);
                color: white;
                padding-right: r(15px);
            }
            img {
                width: r(30px);
                height: r(30px);
            }
        }
    }
}